<template>
	<view>
		<!-- 顶部图 -->
		<view class="top">

		</view>
		<!-- 底部其他按钮 -->
		<view class="bottom">
			<view class="averge" @click="AboutUs">
				<view class="uni-flex iconfont icon-guanyuwomen">
					<text class="">关于我们</text>
					<view class="jiantou iconfont icon-dayuhao"></view>
				</view>
			</view>
			<view class="averge" @click="problem">
				<view class="uni-flex iconfont icon-guestbook">
					<text>问题反馈</text>
					<view class="jiantou iconfont icon-dayuhao"></view>
				</view>
			</view>
			<view class="averge" @click="reLogin">
				<view class="uni-flex iconfont icon-tuichu">
					<text>退出登录</text>
					<view class="jiantou iconfont icon-dayuhao"></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 跳转到关于我们详细信息界面
			AboutUs(){
				uni.navigateTo({
					url:'/pages/AboutUs/AboutUs'
				})
			},
			// 问题反馈，咨询客服
			problem(){
				
			},
			// 退出登录界面
			reLogin(){
				uni.redirectTo({
					url:'/pages/login/login'
				})
			}
		}
	}
</script>

<style lang="scss">
	.bottom {
		width: 80%;
		height: 300rpx;
		border: 2rpx solid black;
		margin: 0 auto;
		background: #fff;
		.averge {
			display: flex;
			flex-direction: column;
			height: 33.3%;
			line-height: 100rpx;
			margin-left: 30rpx;
			.uni-flex{
				display: flex;
				flex-direction: row;
				text{
					margin-left: 30rpx;
				}
			}
			.jiantou{
				margin-left: 300rpx;
			}
		}
	}
</style>
